<script>
</script>
<template>
    <div class="today">
        <el-container>
            <el-header>
            </el-header>
            <el-main>
                <img alt="今日诗词" src="https://v2.jinrishici.com/one.svg?font-size=50&spacing=2&color=BrulyWood" 
                style="max-width:100%; display: block; margin: 0 auto;margin-top: 70px;">
            </el-main>
            <el-footer>
            </el-footer>
        </el-container>
    </div>
</template>

<style lang="scss" scoped>
.today {
    height: 100%;
    .el-header {
        background: url('@/assets/R-C.jpg') no-repeat center / cover;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 200px;

    
    }

    .el-main {
        background-color: #D1CFB9;
        height: 100%;

    }

    .el-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #D1CFB9;
        height: 475px;
    }

}
</style>